import React from 'react'
import { MoreWrapper } from './style'
import cart from '../../assets/images/cart.png'
import bao from '../../assets/images/bao.png'
import kefu from '../../assets/images/kefu.png'

import store from '../../assets/images/store.png'


export default function More({setVisible}) {
  return (
   <MoreWrapper>
    <div className="More-header">
        <div className="More-title">
            <p>更多功能</p>
        </div>
        <span onClick={()=>{setVisible(false)}}>
            <i className='fa fa-times'></i>
        </span>
    </div>
    <div className="More-pic">
        <div className="More-box">
            <img src={cart} alt="" />
            <span>购物车</span>
        </div>
        <div className="More-box">
            <img src={bao} alt="" />
            <span>订单</span>
        </div>
        <div className="More-box">
            <img src={kefu} alt="" />
            <span>客服</span>
        </div>
        <div className="More-box">
            <img src={store} alt="" />
            <span>卡劵</span>
        </div>
        <div className="More-box">
            <img src={cart} alt="" />
            <span>心愿单</span>
        </div>
        <div className="More-box">
            <img src={cart} alt="" />
            <span>地址管理</span>
        </div>
        <div className="More-box">
            <img src={cart} alt="" />
            <span>小红卡会员</span>
        </div>
    </div>
   </MoreWrapper>
  )
}
